<template>
    <div  v-show="name === activeName">
        <!-- 选项卡容器 -->
        <slot />
    </div>
</template>
<script>
import { inject } from 'vue'

export default {
   name:'XtxTabsPanel',
   props:{
       label:{ // 标签名
           type:String,
           default:''
       },
       name:{  // 唯一标识
           type:[String, Number],
           default:''
       }
   },
   setup(props) {
       const activeName = inject('activeName')
       return {activeName}
   }
}
</script>

<style>

</style>